@charset "utf-8";
@import url("../../../commonCss/common.css");

.centerX{
	margin: 0 auto;
}

.swimming{
	width: 530px;
	height: 790px;
	background: url(../img/swimming.png);
	animation: swimming .5s infinite steps(16);
}

@keyframes swimming{
	0%{
		background-position: 0% 0%;
	}
	100%{
		background-position: -1600% 0%;
	}
}

.however{
	width: 320px;
	height: 428px;
	background: url(../img/however.png);
	animation: however 1s infinite steps(7);
}

@keyframes however{
	0%{
		background-position: 0% 0%;
	}
	100%{
		background-position: -700% 0%;
	}
}

.hurse{
	width: 240.75px;
	height: 182px;
	background: url(../img/hurse.png);
	animation: hurse .5s infinite steps(7);
}

@keyframes hurse{
	0%{
		background-position: 0% 0%;
	}
	100%{
		background-position: -700% 0%;
	}
}

.kongfu{
	width: 255px;
	height: 253px;
	background: url(../img/kongfu.jpg);
	animation: kongfu 2s infinite steps(12);
}

@keyframes kongfu{
	0%{
		background-position: 0% 0%;
	}
	100%{
		background-position: -1200% 0%;
	}
}

.rocket{
	width: 148.66px;
	height: 249px;
	background: url(../img/rocket.png);
	animation: rocket .1s infinite alternate steps(4);
}

@keyframes rocket{
	0%{
		background-position: -200% 0%;
	}
	100%{
		background-position: -600% 0%;
	}
}
